import { Route, Switch } from 'react-router-dom'
import { BrowserRouter } from 'react-router-dom'
import Index from './views/index'
import './App.css'
import Header from './components/Header'
import ChoiceMoiveView from './views/ChoiceMovieView'
import RankingView from './views/RankingView'
import Silder from './views/Silder'
const App = () => {
  return (
    <>
      <BrowserRouter>
        <Header />
        <div className="container">
          <div className="w-1040">
            <Switch>
              <Route path="/" component={Index} exact />
              <Route path="/choiceMovie" component={ChoiceMoiveView}></Route>
              <Route path="/ranking" component={RankingView}></Route>
              <Route path="/classify" component={Silder} />
            </Switch>
          </div>
        </div>
      </BrowserRouter>
    </>
  )
}

export default App
